@titleAndTableHeadBGColor: #316db4; // title、表头、bottom背景颜色
@titleAndTableHeadFontColor: #ffffff; // title、表头、bottom字体颜色
@tableLineColor: #2e2e2e; //表格线条颜色
@tablefontSize: 11px; //表格字体大小
@tablefontColor: #0f0f0f; //表格字颜色
.title {
  position: relative;
  height: 8vh;
  display: flex;
  flex-direction: column;
  // justify-content: space-around;
  justify-content: flex-start;
  // align-items: center;
  background-color: @titleAndTableHeadBGColor;
  color: @titleAndTableHeadFontColor;
  font-weight: 800;
  padding-left: 10px;
  .title-1 {
    // height: 7vh;
    margin-top: 1vh;
    font-size: 6.5vw;
  }
  .title-2 {
    margin-top: 5px;
    width: 100%;
    // height: 5vh;
    font-size: 5vw;
    display: flex;
    > div {
      // width: 33.33%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .title-3 {
      text-align: end;
      font-size: 2.5vw;
      padding-right: 10px;
      text-shadow: 1px 1px 1px #000;
    }
  }
  .zjy-search {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .title-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;

    > div {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 5px;
      width: 100%;
      .name {
        font-size: 3.4vw;
        width: 60%;
      }
      :deep(.el-input__inner) {
        height: 25px;
        line-height: 30px;
        padding: 0 5px;
      }
    }
    .zjy-button {
      width: 20%;
    }
  }
  .title-search2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;

    > div {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 5px;
      width: 33.33%;
      .name {
        font-size: 3.4vw;
        width: 60%;
      }
      :deep(.el-input__inner) {
        height: 25px;
        line-height: 30px;
        padding: 0 5px;
      }
    }
  }
}
.zjy-form-item {
  margin-bottom: 10px !important;
}
:deep(.el-table__header .el-table__cell) {
  background: @titleAndTableHeadBGColor;
  color: @titleAndTableHeadFontColor; // 表头字体颜色
}
:deep(.el-table--small .el-table__cell) {
  padding: 0px 0;
}
:deep(.el-table th.el-table__cell > .cell) {
  padding: 0px 0;
}
:deep(.el-table .cell) {
  line-height: unset;
  padding: 0;
}
:deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
  background: #f3f8ff; // 表格斑马线颜色
}
:deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
  border-bottom: 1px solid @tableLineColor; // 表格边框颜色
}
:deep(
  .el-table--border .el-table__cell,
  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed
) {
  border-right: 1px solid @tableLineColor; // 表格边框颜色
}
:deep(.el-table--small) {
  font-size: @tablefontSize; // 表格字体大小
}
:deep(.el-table) {
  color: @tablefontColor; // 表格字体颜色
}
:deep(.el-table.is-scrolling-left th.el-table-fixed-column--left) {
  background-color: @titleAndTableHeadBGColor;
}
:deep(.el-table.is-scrolling-none th.el-table-fixed-column--left, .el-table.is-scrolling-none th.el-table-fixed-column--right) {
    background-color: @titleAndTableHeadBGColor;
}

.bottom {
  width: 100vw;
  height: 4vh;
  background-color: @titleAndTableHeadBGColor;
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    width: 35%;
    display: inline-block;
  }
}
.form {
  display: flex;
  flex-wrap: wrap;
}

.from-box {
  display: flex;
  justify-content: space-around;
  margin-bottom: 5px;
}

.el-form-item__label {
  padding: 0 5px;
}

.el-button {
  margin: 0 5px;
}

.el-form-item,
.el-form--inline .el-form-item,
.el-form-item--small {
  margin-right: 0;
  margin-bottom: 0;
}
